<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/common/common.jsp" %>
<html>
<head>
    <meta charset="utf-8"/>
    <title>厅干部平时考核管理系统</title>
</head>
<body>
<div class="date_pop" id="date_pop" style="display: block;">
    <div class="khrw_pop">
        <div class="row">
            <div class="row_lf">考核年度</div>
            <div class="row_rt" >
                <div class="row_rt_main row_rt_main_border" style="width: 100px;">
                    <input type="text" placeholder="" class="inpt" id="year" />
                </div>
            </div>
        </div>
        <div class="row">
            <div class="row_lf">考核方式</div>
            <div class="row_rt">
                <div class="row_rt_main type_row">
                    <div name="task_type" class="checkbox checkbox_hov" val="0"></div>
                    <div class="checkbox_text">月度考核</div>
                    <div name="task_type" class="checkbox" val="1"></div>
                    <div class="checkbox_text">季度考核</div>
                    <%--<div name="task_type" class="checkbox" val="2"></div>
                    <div class="checkbox_text">半年考核</div>
                    <div name="task_type" class="checkbox" val="3"></div>
                    <div class="checkbox_text">年度考核</div>--%>
                </div>
            </div>
        </div>
        <%--<div class="row">
            <div class="row_lf">考核名称</div>
            <div class="row_rt">
                <div class="row_rt_main row_rt_main_border">
                    <input type="text" placeholder="" class="inpt"/>
                </div>
            </div>
        </div>--%>
        <div class="row">
            <div class="row_lf">基准分值</div>
            <div class="row_rt" >
                <div class="row_rt_main row_rt_main_border" style="width: 100px;">
                    <input type="text" placeholder="" class="inpt" id="basemark" value="100"/>
                </div>
            </div>
        </div>
        <div class="row monthrow">
            <div class="row_lf">考核时间</div>
            <div class="row_rt">
                <div class="row_rt_main row_check_no">
                    <div name="check_no" class="monthcheckbox checkbox checkbox_hov" val="1"></div>
                    <div class="checkbox_text">1月</div>
                    <div name="check_no" class="monthcheckbox checkbox checkbox_hov" val="2"></div>
                    <div class="checkbox_text">2月</div>
                    <div name="check_no" class="monthcheckbox checkbox checkbox_hov" val="3"></div>
                    <div class="checkbox_text">3月</div>
                    <div name="check_no" class="monthcheckbox checkbox checkbox_hov" val="4"></div>
                    <div class="checkbox_text">4月</div>
                    <div name="check_no" class="monthcheckbox checkbox checkbox_hov" val="5"></div>
                    <div class="checkbox_text">5月</div>
                    <div name="check_no" class="monthcheckbox checkbox checkbox_hov" val="6"></div>
                    <div class="checkbox_text">6月</div>
                </div>
            </div>
        </div>
        <div class="row monthrow">
            <div class="row_rt">
                <div class="row_rt_main row_check_no">
                    <div name="check_no" class="monthcheckbox checkbox checkbox_hov" val="7"></div>
                    <div class="checkbox_text">7月</div>
                    <div name="check_no" class="monthcheckbox checkbox checkbox_hov" val="8"></div>
                    <div class="checkbox_text">8月</div>
                    <div name="check_no" class="monthcheckbox checkbox checkbox_hov" val="9"></div>
                    <div class="checkbox_text checkbox_hov">9月</div>
                    <div name="check_no" class="monthcheckbox checkbox checkbox_hov" val="10"></div>
                    <div class="checkbox_text">10月</div>
                    <div name="check_no" class="monthcheckbox checkbox checkbox_hov" val="11"></div>
                    <div class="checkbox_text">11月</div>
                    <div name="check_no" class="monthcheckbox checkbox checkbox_hov" val="12"></div>
                    <div class="checkbox_text">12月</div>
                </div>
            </div>
        </div>
        <div class="row quarterrow" style="display: none;">
            <div class="row_lf">考核时间</div>
            <div class="row_rt">
                <div class="row_rt_main row_check_no">
                    <div name="check_no" class="quartercheckbox checkbox " val="1"></div>
                    <div class="checkbox_text">1季度</div>
                    <div name="check_no" class="quartercheckbox checkbox " val="2"></div>
                    <div class="checkbox_text">2季度</div>
                    <div name="check_no" class="quartercheckbox checkbox " val="3"></div>
                    <div class="checkbox_text">3季度</div>
                    <div name="check_no" class="quartercheckbox checkbox " val="4"></div>
                    <div class="checkbox_text">4季度</div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="row_lf">考核开始</div>
            <div class="row_rt" >
                <div class="row_rt_main row_rt_main_border" style="width: 100px;">
                    <input type="text" placeholder="" class="inpt" id="startdate" value="1"/>
                </div>
            </div>
            <div class="row_lf" >考核截止</div>
            <div class="row_rt" >
                <div class="row_rt_main row_rt_main_border" style="width: 100px;">
                    <input type="text" placeholder="" class="inpt" id="enddate" value="10"/>
                </div>
            </div>
        </div>
        <%--<div class="row">
            <div class="row_lf">考核模板</div>
            <div class="row_rt">
                <div class="row_rt_main model_row">
                    <div class="checkbox checkbox_hov" val="0"></div>
                    <div class="checkbox_text">月份考核模板</div>
                    <div class="checkbox" val="1"></div>
                    <div class="checkbox_text">季度考核模板</div>
                    <div class="checkbox" val="2"></div>
                    <div class="checkbox_text">半年考核模板</div>
                    <div class="checkbox" val="3"></div>
                    <div class="checkbox_text">年度考核模板</div>
                </div>
            </div>
        </div>--%>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        //单选框
        $(".type_row .checkbox").click(function() {
            $(this).addClass("checkbox_hov").siblings(".checkbox").removeClass("checkbox_hov");
            var type = $("[name=task_type].checkbox_hov").attr("val");
            if(type=="0"){
                $(".monthrow").show();
                $(".monthcheckbox").addClass("checkbox_hov");
                $(".quarterrow").hide();
                $(".quartercheckbox").removeClass("checkbox_hov");
            }else{
                $(".monthrow").hide();
                $(".monthcheckbox").removeClass("checkbox_hov");
                $(".quarterrow").show();
                $(".quartercheckbox").addClass("checkbox_hov");
            }
        });

        //多选
        $(".row_check_no .checkbox").click(function () {
            if ($(this).hasClass("checkbox_hov")) {
                $(this).removeClass("checkbox_hov");
            } else {
                $(this).addClass("checkbox_hov");
            }
        });
    });

    function submitForm(){
        var type = $("[name=task_type].checkbox_hov").attr("val");
        var check_no_ids=[];
        var check_no = $("[name=check_no].checkbox_hov");
        $.each( check_no, function(index,item){
            check_no_ids.push($(this).attr("val"));
        });

        $.ajax({
            type:"post",
            dataType:"json",
            url:"<c:url value='/task/newTask.json'/>",
            data:{
                year: $("#year").val(),
                basemark: $("#basemark").val(),
                startdate: $("#startdate").val(),
                enddate: $("#enddate").val(),
                type: type,
                check_no_ids:check_no_ids.toString()
            },
            success:function(data){
                parent.refresBootTable();
                parent.showMessage("操作成功！");
                var index = parent.layer.getFrameIndex(window.name);
                parent.layer.close(index);
            }
        })

    }
</script>
</body>

</html>